/* ================= HERO SECTION ================= */
.hero-section {
    height: 100vh;
   background: url("images/mycar.png") center/cover no-repeat;
    position: relative;
    padding: 60px 0;
}

/* Dark overlay */
.hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
}

.hero-section .container {
    position: relative;
    z-index: 2;
}

/* Booking Card */
.booking-card {
    background: #fff;
    border-radius: 10px;
}

/* Hero text */
.hero-title {
    font-size: 58px;
    color: #fff;
    font-weight: 700;
}

.hero-subtitle {
    color: white;
    font-size: 18px;
}


.book-text p {
    color: white;
    font-size: 18px;
    margin-top: 15px;
    line-height: 1.4;
    text-align: center;
}

/* Mobile screen: make text black */
@media (max-width: 576px) {
    .book-text p {
        color: black;
    }
}

/* Large screens — shift left */
@media (min-width: 992px) {   /* LG screens and above */
    .book-text p {
        text-align: left;
        margin-left: 0;      /* remove center alignment */
    }
}

/* Brand green button */
.submit-btn {
    background-color: #2E7D32;
    border-color: #2E7D32;
    color: white; /* or black, or any color you want */
    font-weight: 600;
}

.submit-btn:hover {
    background-color: #256428 !important;
    border-color: #256428 !important;
    color: white !important; /* text color on hover */
}

/* Responsive Text */
@media (max-width: 768px) {
    .hero-title {
        font-size: 40px;
    }
}


/* Default (desktop/tablet) */
.secure-text {
    color: white;
}

/* Mobile: change Secure to black */
@media (max-width: 576px) {
    .secure-text {
        color: black !important;
    }
}

/* Mobile: change text to black */
@media (max-width: 576px) {
    .hero-subtitle {
        color: black !important;
    }
}


 .whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
     /*background: white;
    border-radius: 50%;*/
    display: flex;
    justify-content: center;
    align-items: center;
    /*box-shadow: 0 2px 10px rgba(0,0,0,0.3);*/
    z-index: 9999;
}

.whatsapp-float img {
    width: 45px;
    height: 45px;
}